<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>菜单特效</title>

  <link rel="stylesheet" href="./css/h4.css">

</head>

<body>

  <!-- 菜单一 -->
  <div class="menu01">

    <div>
      <div>首页</div>
      <div class="line active"></div>
    </div>

    <div>
      <div>所有产品</div>
      <div class="line"></div>
    </div>

    <div>
      <div>区块链</div>
      <div class="line"></div>
    </div>

    <div>
      <div>互联网游戏</div>
      <div class="line"></div>
    </div>


  </div>

  <hr>

  <!-- 菜单二 -->
  <div class="menu02">
    <div> 首页 </div>

    <div> 所有产品 </div>

    <div> 区块链 </div>

    <div> 互联网游戏 </div>

    <section class="line02"></section>

  </div>



</body>

</html>